$text-none: 0;
$text-nn: 12px;
$text-nm: 12px;
$text-mn: 12px;
$text-mnn: 12px;
$text-xs: 12px;
$text-xss: 12px;
$text-sm: 12px;
$text-ssm: 12px;
$text-smm: 13px;
$text-df: 14px;
$text-dff: 15px;
$text-md: 16px;
$text-mdd: 17px;
$text-lg: 18px;
$text-lgg: 19px;
$text-xl: 20px;
$text-xxl: 22px;
$text-sl: 24px;
$text-sxl: 26px;
$text-ssl: 30px;

// space
$space-none: 0;
$space-nn: 1px;
$space-nm: 2px;
$space-mn: 3px;
$space-mnn: 4px;
$space-xs: 5px;
$space-xss: 8px;
$space-sm: 10px;
$space-ssm: 12px;
$space-smm: 15px;
$space-df: 20px;
$space-dff: 25px;
$space-md: 30px;
$space-mdd: 35px;
$space-lg: 40px;
$space-lgg: 45px;
$space-xl: 50px;
$space-xxl: 60px;
$space-sl: 70px;
$space-sxl: 80px;
$space-ssl: 90px;
$space-hun: 100px;

// mini，小，默认、大
$box-nn: $space-nn $space-xs;
$box-nm: $space-nm $space-xs;
$box-mn: $space-mn $space-xss;
$box-sm: $space-mnn $space-xss;
$box-df: $space-xs $space-sm;
$box-md: $space-sm $space-smm;
$box-lg: $space-smm $space-df;

$box-map: (
        nn: $box-nn,
        nm: $box-nm,
        mn: $box-mn,
        sm: $box-sm,
        df: $box-df,
        md: $box-md,
        lg: $box-lg
);

$padding-map: (
        none: $space-none,
        nn: $space-nn,
        nm: $space-nm,
        mn: $space-mn,
        mnn: $space-mnn,
        xs: $space-xs,
        xss: $space-xss,
        sm: $space-sm,
        ssm: $space-ssm,
        smm: $space-smm,
        df: $space-df,
        dff: $space-dff,
        md: $space-md,
        mdd: $space-mdd,
        lg: $space-lg,
        lgg: $space-lgg,
        xl: $space-xl,
        xxl: $space-xxl,
        sl: $space-sl,
        sxl: $space-sxl,
        ssl: $space-ssl
);
$text-map: (
        none: $text-none,
        nn: $text-nn,
        nm: $text-nm,
        mn: $text-mn,
        mnn: $text-mnn,
        xs: $text-xs,
        xss: $text-xss,
        sm: $text-sm,
        ssm: $text-ssm,
        smm: $text-smm,
        df: $text-df,
        dff: $text-dff,
        md: $text-md,
        mdd: $text-mdd,
        lg: $text-lg,
        lgg: $text-lgg,
        xl: $text-xl,
        xxl: $text-xxl,
        sl: $text-sl,
        sxl: $text-sxl,
        ssl: $text-ssl
);

$size-map: (
        none: none,
        nn: nn,
        nm: nm,
        mn: mn,
        mnn: mnn,
        xs: xs,
        xss: xss,
        sm: sm,
        ssm: ssm,
        smm: smm,
        df: df,
        dff: dff,
        md: md,
        mdd: mdd,
        lg: lg,
        lgg: lgg,
        xl: xl,
        xxl: xxl,
        sl: sl,
        sxl: sxl,
        ssl: ssl
);
$direction-map: (
        t:top,
        b:bottom,
        l:left,
        r:right,
);

$direction-com-map: (
        tl:top-left,
        tr:top-right,
        bl:bottom-left,
        br:bottom-right,
);

